<style type="text/css">
<!--
div.topInfo {
    border: 1px solid #DDD9E9;
    border-radius: 10px;
    margin-left: 30%;
    padding: 10px 10px 15px;
    text-align: center;
    width: 40%;
}
div.topInfo p.first {
    color: #0A4874;
    font-weight: bold;
    margin-top: 0;
}
div.topInfo span.point {
    color: #F26732;
}
-->
</style>
<!-- info -->
    <div class="topInfo">
        <p class="first">Your current points balance</p>
        <span class="point"><strong><?=(int)$player_acc_detail->point_balance?></strong> points</span>
    </div>